
*{ font-family:'微软雅黑';}
.newnavigation .navigations .navigatesdiv .navigated:hover{ background:#FFF; color:#15559F;}
.newtophead .tophead .logined a:hover{ color:#FF0000;}
.newtophead .tophead .register a:hover{ color:#666;}
.focusdiv .goleftbtn:hover{background:url(images/newindex/arrow1.png) no-repeat left -45px;}
.focusdiv .gorightbtn:hover{background:url(images/newindex/arrow1.png) no-repeat left -135px;}
.focusbox .prev:hover{background:url(images/newindex/arrow2.png) no-repeat left -45px; }
.focusbox .next:hover{background:url(images/newindex/arrow2.png) no-repeat left -135px; }
UNUSED.fullbanner .mask-left, UNUSED.fullbanner .mask-right, UNUSED.fullbanner .plan{background:#fff;padding:5px;z-index:1;position:absolute;top:0;left:0;width:1000px;height:300px;overflow:hidden;left:1920px;}
.fullbanner .mask-right,.fullbanner .mask-left{z-index:4;left:-1010px;filter:alpha(opacity=50);opacity:0.5;background:#FFF;overflow:hidden;}
.fullbanner .mask-right{left:1010px;}


div.maincontent{ width:1200px; margin:0 auto;min-height:600px;   margin-bottom:0px; padding-top:10px;}
div.maincontent .pagination .prevbtn:hover{background:url(images/newindex/arrow.png) no-repeat left -22px;}
div.maincontent .pagination .nextbtn:hover{background:url(images/newindex/arrow.png) no-repeat left -64px;}
div.maincontent .reccourse .recommendcourse .coursedetail .courseright .tryview:hover{background:url(images/newindex/tryview.png) no-repeat left -30px; }
div.maincontent .ranklistdiv .ranklist a:hover{ color:#F90;}
div.maincontent .onlinecourse .oncoursediv .coursewords1 a:hover{  text-decoration:none;}
div.maincontent .lecturerteam .lecturesdiv .prevbtn:hover{background:url(images/newindex/arrow2.png) no-repeat left -45px; }
div.maincontent .lecturerteam .lecturesdiv .nextbtn:hover{background:url(images/newindex/arrow2.png) no-repeat left -135px;}
div.maincontent .lecturerteam .lecturesdiv .lecturediv1 .lectureheader{ }
div.maincontent .icontop {position:absolute;top:-2px;left:-2px;background:url('images/library/icontop.png') no-repeat;width:30px;height:27px;}
div.searchheadnav .searchheadnavigan .headnavigan a:hover{ text-decoration:none;}
div.maincontent .bannerleft .directoriesbody .listitem {font-size:14px;line-height:45px; position:relative; height:45px;}
div.maincontent .bannerleft .directoriesbody .listitem .left a:hover{ width:170px;overflow:hidden;height:45px;}
div.maincontent .bannerleft .directoriesbody .listitemhover a:hover{width:170px; overflow:hidden;height:45px;}
.structure_extendbox .courseitem:hover {background-color:#F2F2F2;}
.structure_extendbox .courseitem:hover .delete-position {position:absolute;right:5px;top:0;display:block;}


.topicalbanner{min-height:273px; background:#ECECEC;}
.topicalbanner .topical{ width:1000px; margin:0 auto;text-align:left; }
.topicalbanner .topicaltitle{ font-size:14px; height:45px; line-height:45px;color:#999;}
.topicalbanner .topicaltitle a{color:#999; margin:0 5px;}
div.maincontent .relatedcourses .courselist .name a:hover{ color:#F90;}
div.maincontent .spetopicdiv .spetopicwords .topictitle a:hover{ text-decoration:none;} 
div.maincontent .specialtopicdiv .specialhead .specialtab a:hover{ text-decoration:none;}
div.maincontent .information{ float:left;padding-left:20px;background:#FFF;width:900px;margin-top:10px;border:1px solid #DDD;}
div.maincontent .information .informcontent{width:900px; padding-bottom:20px;}


div.maincontent .information{}
div.searchhots a:hover{ text-decoration:none;}
div.searchhots .searchhotsdiv span:hover{ text-decoration:none;}

div.searchhots .searchhotsdiv:hover{background:#EEE;text-decoration:none;}

.topicalbanner{width:1200px;margin:0 auto;background:#FFF;border:1px solid #DDD;}



.topicalbanner .bannerfix1{ margin-top:15px; min-height:290px; padding-bottom:10px;}
.topicalbanner .bannerfix1 .bannervideo{ float:left; width:400px;}
.topicalbanner .bannerfix1 .bannervideo .videoimg{ width:400px; position:relative; cursor:pointer;}
.topicalbanner .bannerfix1 .bannervideo .videoimg img{width:400px; }
.topicalbanner .bannerfix1 .shareimg{ margin-top:20px; }
.topicalbanner .bannerfix1 .shareimg .share .bdsharebuttonbox{ float:left;}
.topicalbanner .bannerfix1 .shareimg span{ color:#808080;display:inline-block;float:left; }
.topicalbanner .bannerfix1 .videocontent{ float:left; margin-left:32px; width:555px;}
.topicalbanner .bannerfix1 .videocontent .buynow .buynowbtn{ cursor:pointer; width:160px; height:44px; background:#009DD9; border:none; color:#FFF; font-size:18px; border-radius:5px; margin-right:20px;}

.topicalbanner .bannerfix1 .videocontent .courseblock{margin-bottom:40px;}
.topicalbanner .bannerfix1 .videocontent .title{ font-size:22px;}
.topicalbanner .bannerfix1 .videocontent .courseabstract{ color:#666; font-size:14px; margin-top:2px;word-break:break-all;}
.topicalbanner .bannerfix1 .videocontent .courseinform{ margin:10px 0;text-align:left;}
.topicalbanner .bannerfix1 .videocontent .courseinform .inform{ margin:10px 0px;}
.topicalbanner .bannerfix1 .videocontent .courseinform .inform .informleft{ float:left; width:250px;}
.topicalbanner .bannerfix1 .videocontent .pricediv{}
.topicalbanner .bannerfix1 .videocontent .pricediv .costprice{ font-size:16px; color:#999; margin-left:20px; text-decoration:line-through;}
.topicalbanner .bannerfix1 .videocontent .buynow{ margin-top:10px;}

.topicalbanner .bannerfix1 .videocontent .buynow .shopcartbtn{ cursor:pointer; width:160px; height:44px; background:#E74E59; border:none; color:#FFF; font-size:18px; border-radius:5px;}


div.maincontent .information .informcontent .intablecontentdiv{width:880px;text-align:left;}
div.maincontent .information .informcontent .intablecontentdiv .courseinform{ font-size:14px; color:#555; margin-top:30px; word-break:break-all;}
div.maincontent .information .informcontent .intablecontentdiv .courseinform p{ margin-top:20px; text-indent:2em;}
div.maincontent .information .informcontent .intablecontentdiv .courseinform div.reachtextbody p{text-indent:0; margin:0.5em 0;}
div.coursecontent .classhourlist2 .body div.listcontent  div.dot2{width:16px; height:42px;background:url('images/areabackground/dot2.png') center center no-repeat;}
div.coursecontent .classhourlist2 .body div.listcontent  div.dot1{width:16px; height:42px;background:url('images/areabackground/dot1.png') left center no-repeat;}
div.coursecontent .classhourlist2 .body div.listcontent  div.dot3{width:16px; height:42px;background:url('images/areabackground/dot3.png') center center no-repeat;}

div.coursecontent .classhourlist2 .body div.listcontent  div.dot4{width:16px; height:42px;background:url('images/areabackground/dot4.png') center center no-repeat;}

div.coursecontent .help{ position:relative;}
div.coursecontent .help .tips {display:none;}
div.coursecontent .help:hover .tips {display:block;position:absolute;top:25px;max-width:288px;min-width:165px;font-size:12px;z-index:1;background-color:#FFF;border:solid 1px #E4E4E4;right:-52px;line-height:20px;padding:10px;}
div.coursecontent .tips .triangle {position:absolute;background:url('images/portal20/tria.png') left top;width:20px;height:10px;top:-10px;right:50px;}
div.coursecontent .mark:hover .tips {display:block;position:absolute;top:25px;width:165px;font-size:12px;z-index:1;background-color:#FFF;border:solid 1px #E4E4E4;right:-50px;line-height:20px;padding:10px;}



.classrow-bg{background:#F7F7F7;}
div.maincontent .information .informcontent .intablecontentdiv .blocktitle {height:40px;line-height:40px;padding:10px 0px 10px 5px; border-bottom:1px solid #E4E4E4;}
div.maincontent .information .informcontent .intablecontentdiv .blocktitle .title1 {float:left;width:100px;height:40px;background:url('../img/title1.png') left center no-repeat;}
div.maincontent .information .informcontent .intablecontentdiv .blocktitle .title5 {float:left;width:100px;height:40px;background:url('../img/title5.png') left center no-repeat;}
div.maincontent .information .informcontent .intablecontentdiv .blocktitle .title7 {float:left;width:100px;height:40px;background:url('../img/title7.png') left center no-repeat;}
div.maincontent .information .informcontent .intablecontentdiv .blockbody { padding-top:10px; min-height:320px;}


div.maincontent .information .informcontent div.courseblock .buyrecords {padding-top:10px;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recordtitle {background:#CCC;height:30px;color:#F2F2F2;font-weight:bold;line-height:30px;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recordtitle .col1 {padding-left:15px;width:235px;float:left;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recordtitle .col2 {padding-left:15px;width:205px;float:left;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recordtitle .col3 {padding-left:15px;width:150px;float:left;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recordtitle .col4 {width:150px;text-align:center;float:right;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recorditem {color:#999999;padding:10px 0px;line-height:32px;border-bottom:1px solid #CCC;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recorditem .col1 {padding-left:10px;width:240px;float:left;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recorditem .col1 img {width:32px;height:32px;vertical-align:middle;margin-right:5px;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recorditem .col2 {padding-left:0px;width:170px;float:left;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recorditem .col3 {padding-left:15px;width:75px;float:left;}
div.maincontent .information .informcontent div.courseblock .buyrecords .recorditem .col4 {width:150px;text-align:center;float:right;}



.courseblock .buyrecords {padding-top:10px;}
.courseblock .buyrecords .recordtitle {background:#CCC;height:30px;color:#F2F2F2;font-weight:bold;line-height:30px;}
.courseblock .buyrecords .recordtitle .col1 {padding-left:15px;width:235px;float:left;}
.courseblock .buyrecords .recordtitle .col2 {padding-left:15px;width:205px;float:left;}
.courseblock .buyrecords .recordtitle .col3 {padding-left:15px;width:150px;float:left;}
.courseblock .buyrecords .recordtitle .col4 {width:150px;text-align:center;float:right;}
.courseblock .buyrecords .recorditem {color:#999999;padding:10px 0px;line-height:32px;border-bottom:1px solid #CCC;}
.courseblock .buyrecords .recorditem .col1 {padding-left:10px;width:240px;float:left;}
.courseblock .buyrecords .recorditem .col1 img {width:32px;height:32px;vertical-align:middle;margin-right:5px;}
.courseblock .buyrecords .recorditem .col2 {padding-left:0px;width:170px;float:left;}
.courseblock .buyrecords .recorditem .col3 {padding-left:15px;width:75px;float:left;}
.courseblock .buyrecords .recorditem .col4 {width:150px;text-align:center;float:right;}




div.maincontent .information .informcontent .informtitle_blue{ height:35px; font-size:16px; position:relative; background:#FFF;}
div.maincontent .information .informcontent .informtitle_blue .navitem{  height:33px; color:#808080; text-align:center; line-height:33px; float:left; cursor:pointer;padding:0 20px; word-break:break-all; max-width:80px; overflow:hidden;}
div.maincontent .information .informcontent .informtitle_blue .navitemhover{ border:noone; border-bottom:none; border-bottom:3px solid #087DCB; background:#FFF;color:#333;margin-bottom:-1px; font-weight:bold;}
div.maincontent .information .informcontent .informtitle_blue .contentnavbg{ height:36px; z-index:99; top:0; }
div.maincontent .information .informcontent .informtitlediv{ position:absolute;margin-top:3px;width:880px; background:#FFF; border-bottom:1px solid #DDD;}
div.maincontent .specialtopicdiv .specialhead .specialtab:hover{background:#009DD9; color:#FFF; border-radius:20px;}





div.coursetabarea div.contentnav .navitem a:hover {color:#F2F2F2; text-decoration:none;font-weight:bold;}
div.coursetabarea div.contentnav .navitem1 a:hover {color:#F2F2F2; text-decoration:none;}
div.coursetabarea div.contentnav .navitemhover a:hover {color:#FF9900; text-decoration:none;}
.loginbg .loginbgdiv .login  .loginbgdiv1 .logintitle{}
.loginbg .loginbgdiv .login  .loginbgdiv1 .logintextdiv input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset; height:40px!important;}
.loginbg .loginbgdiv .login  .loginbgdiv1 .loginbtndiv .loginbtn:hover{background:#77C7FF;}
.loginbg .loginbgdiv .login  .loginbgdiv1 .codeimg:hover .codefilter{ position:absolute; width:100%; height:100%; background:#000;display:block;}
.loginbg .loginbgdiv .login  .loginbgdiv1 .codeimg:hover .codewords{ color:#FFF; position:absolute; z-index:8; text-align:center; width:68px; display:block;}
.loginbg .loginbgdiv .login  .share .weixin:hover{background:url('images/newindex/coopericon.png') no-repeat left -27px;}
.loginbg .loginbgdiv .login  .share .tencent:hover{background:url('images/newindex/coopericon.png') no-repeat -31px -27px;}
.loginbg .loginbgdiv .login  .share .sina:hover{background:url('images/newindex/coopericon.png') no-repeat -63px -27px;}
.loginbg .loginbgdiv .login  .share .renren:hover{background:url('images/newindex/coopericon.png') no-repeat -94px -27px;}
.loginbg .loginbgdiv .login  .share .alipay:hover{background:url('images/newindex/coopericon.png') no-repeat -125px -27px;}
.registerbg .registerdiv .register input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;  height: 34px!important; border-radius:3px; }
.registerbg .registerdiv .register  .registerdiv1 .registtextdiv .codeimg:hover .codefilter{ position:absolute; width:100%; height:100%; background:#000;display:block;}
.registerbg .registerdiv .register  .registerdiv1 .registtextdiv .codeimg:hover .replaced{ position:absolute; width:100%; height:34px; line-height:34px; color:#FFF; z-index:6;text-align:center; top:-8px; display:block;}
.registerbg .registerdiv .register  .registerdiv1 .registtextdiv .sendcodebtning:hover{ background:#77C7FF;}
.registerbg .registerdiv .register  .registerdiv1 .registbtndiv .registbtn:hover{background:#77c7ff;}
.registerbg .registerdiv .register .reg2login .link:hover {color: #FFFF00;text-decoration:underline;}
.custom-radio label{display:block;position:relative;font-size:12px;padding-right:1em;line-height:1;padding:.5em 0 .5em 30px;margin:0 0 .3em;cursor:pointer;}
.accountactivation .activationbody .accountcontent .activecontent .activebtndiv .activebtn:hover{background:url('images/button/accountbtn-hover.png') no-repeat;}
.maincontent .examtipsdiv .examtipslist .examname a:hover{ text-decoration:none;}






.newnavigation_blue{ height:40px; background:#2FA2F2; color:#FFF; font-size:16px; }
.newnavigation_blue .newnavigationdiv .navigation:hover{background:#1D74E0;}
.newnavigation_blue .newnavigationdiv .navigation a:hover{ color:#FFF; text-decoration:none;}
.newnavigation_blue .newnavigationdiv .navigation .dropdowmdiv .droplist:hover{ background:#3083EB;}





div.searchsection  div.searchbox div.searchitems .searchitem .itemtext:hover {color:#FFF; background-color: #0A8CD2; padding: 2px 8px 3px 8px; *padding: 3px 5px 2px 5px;border-radius:5px;}
div.searchsection  div.searchbox div.searchitems .selectsearchitem .itemtext {color:#FFF; background-color: #0A8CD2; padding: 2px 8px 3px 8px; *padding: 3px 5px 2px 5px;border-radius:5px;}




